<template>
<h3>表单模板数据绑定</h3>
  <form>
    <input type="text" v-model="message">
    <input type="checkbox" v-model="checked">
    <p>{{message}}</p>
    <label for="checkbox">{{checked}}</label>
  </form>
</template>
<!--表单模板数据绑定-->
<!--修饰符-->
<!--=>{.lazy,.number,.trim-->
<script>
export default {
  name: "Form",
  data(){
    return{
      message:"",
      checked:false
    }
  }
}
</script>

<style>

</style>
